{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros.html" import video_inline_embed with context %}

{% if LANG == 'de' %}
<div class="c-hero-video">
  {{ video_inline_embed(
    id='7yLoRVwuZlc',
    title='Falls du noch mehr über die Facebook Container Erweiterung erfahren möchtest, schau dir gern unser Video an',
    image=resp_img(
      url='img/firefox/facebook-container/video-poster.png',
      optional_attributes={
        'width': '684',
        'height': '385'
      }
    ),
  ) }}
</div>
{% else %}
<div class="mzp-c-video">
  <video class="ga-video-engagement" id="fbcontainer-video" preload="metadata" controls title="Click to watch a video about Facebook Container"
    poster="{{ static('img/firefox/facebook-container/video-poster.png') }}" data-ga-label="Facebook Container Video">
      <source src="https://assets.mozilla.net/video/facebook-container/facebook-container.webm" type="video/webm">
      <source src="https://assets.mozilla.net/video/facebook-container/facebook-container.webm" type="video/webm">
  </video>
</div>
{% endif %}
